<script setup lang="ts" name="CyrusInput1">
defineProps(["foo"]);
const emit = defineEmits(["update:foo"]);
</script>

<template>
    <input
      class="border-2 border-black bg-gradient-to-r from-blue-600 to-green-600 text-white px-1 py-0.5 focus:outline-none"
      :value="foo" @input="emit('update:foo', (<HTMLInputElement>$event.target).value)" 
  />
</template>
